/* pages/client/contract-detail/contract-detail.wxss */
.contract-detail{
  min-height: 100vh;
  box-sizing: border-box;
  padding: 24rpx;
  background: var(--bg-color);
  .detail-header{
    .list-item{
      padding: 32rpx;
      border-radius: 30rpx 30rpx 0 0;
      background: #fff;
      font-size: 24rpx;
      .item-title{
        font-size: 32rpx;
        display: flex;
        justify-content: space-between;
        margin-bottom: 24rpx;
        view{
          color: #000;
          font-weight: bold;
          text{
            margin-left: 20rpx;
            font-weight: 400;
          }
        }
        text{
          color:#8E8E93;
          font-size: 24rpx;
        }
      }

      .item-intro{
        line-height: 50rpx;
        color: #111;
        text{
          display: inline-block;
          min-width: 110rpx;
          color: #8E8E93;
        }
      }
    } // list-item end
  } // detail-header end

  .detail-info{
    padding: 32rpx;
    border-top: 1px solid #EFEFF4;
    border-bottom: 1px solid #EFEFF4;
    color: #8E8E93;
    background: #fff;
    font-size: 28rpx;
    line-height: 50rpx;
    .good-item{
      padding-bottom: 15rpx;
      margin-bottom: 15rpx;
      border-bottom: 1rpx solid #eee;
    }
    .info-list,.info-status{
      color: #000;
      text{
        display: inline-block;
        min-width: 130rpx;
        color: #8E8E93;
      }
    }
    .info-status{
      color: #C7C7CC;
    }
    .info-check{
      navigator{
        display: inline-block;
        color: #F6A526;
        font-size: 32rpx;
        border-bottom: 1px solid #F6A526;
      }
      .check-img{
        padding-top: 5rpx;
        image{
          width: 168rpx;
          margin-right: 22rpx;
        }
      }
      .check-title{
        color: #c7c7c7;
        font-size: 28rpx;
      }
    }
  } // detail-info end

  .detail-client{
    border-radius: 0 0 30rpx 30rpx;
    background: #fff;
    padding: 32rpx;
    line-height: 50rpx;
    color: #000;
    font-size: 28rpx;
    .client-name{
      font-size: 32rpx;
    }
    text{
      color: #8E8E93;
    }
  } // detail-client end
}